<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('vars.full_sys_name') }}</title>
<link rel="stylesheet" href="/css/reset.css">
<style>
a {
    text-decoration: none;
}

em {
    font-weight: bold;
}

html, body {
    height: 100%;
}

body {
    background: url(/images/bg-buildings.jpg) bottom center no-repeat;
}

.content {
    width: 100%;
    /* min-width: 1200px; */
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    height: 100%;
}

.customer-name {
    margin-top: 40px;
    color: #10479e;
    font-family: serif;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}

.customer-name-en {
    margin-top: 10px;
    color: #666;
    font-size: 24px;
    text-align: center;
}

.sys-name {
    margin-top: 30px;
    color: #10479e;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.browser-requirement {
    color: #888;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}

.browser-requirement a {
    color: #888;
}

.entrance_box {
    display: flex;
    justify-content: space-around;
    align-items: center;
    @if (config('vars.show_nominate_entrance'))
    width: 900px;
    @else
    width: 750px;
    @endif
    margin: 50px auto 0;
}
.entrance_box_top {
    display: flex;
    justify-content: space-around;
    align-items: center;
    @if (config('vars.show_nominate_entrance'))
    width: 900px;
    @else
    width: 750px;
    @endif
    margin: 30px auto 0 auto;
}

.entrance_item {
    width: 208px;
    margin-left: 10px;
    background: #fff;
    box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.04);
    height: 280px;
    box-sizing: border-box;
    border-radius: 5px;
    padding-top: 30px;
    position: relative;
}

.icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon img {
    width: 91px;
    height: 65px;
    display: block;
}

.entrance_title {
    text-align: center;
    font-size: 16px;
    color: #143868;
    margin-top: 20px;
    margin-bottom: 20px;
}

.entrance_desc {
    color: #254773;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.entrance_btn {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 40px;
    background: #f8f9fb;
    color: #30507a;
    font-size: 14px;
}

.entrance_btn:hover {
    color: #409eff;
}

footer {
    display: block;
}

</style>
</head>
<body>

<div class="content">
    <h1 class="customer-name">{{ config('vars.customer_name') }}</h1>

    <p class="customer-name-en">{{ config('vars.customer_name_en') }}</p>

    <h2 class="sys-name">{{ config('vars.short_sys_name') }}</h2>
    {{--<h2 class="sys-name" style="color: red;">系统将于7月31日晚19:00-24:00进行升级改造，该时间段内请勿使用系统填报项目！</h2>--}}

    <p class="browser-requirement">
        请使用 Chrome 浏览器(<a href="https://www.google.cn/intl/zh-CN/chrome/"
                          target="_blank">点击下载安装包</a>)
        或 360 浏览器极速模式 (<a href="https://dl.360safe.com/se/360se_setup.exe"
                          target="_blank">点击下载安装包</a>) 访问本系统
    </p>

    <div class="entrance_box">

        <div class="entrance_item">
            <div class="icon">
                <img src="/images/icon1.png" alt="">
            </div>
            <div class="entrance_title">申报入口</div>
            <div class="entrance_desc">供<em>奖项申报者</em>使用，拟申报奖项的单位及个人在此填报奖项信息和查询结果</div>
            @if (config('vars.entrance_enabled.apply'))
                <a href="/apply" class="entrance_btn">点击进入</a>
            @else
                <a href="javascript:;" class="entrance_btn">暂未开启</a>
            @endif
        </div>

        @if (config('vars.show_nominate_entrance'))

            <div class="entrance_item">
                <div class="icon">
                    <img src="/images/icon2.png" alt="">
                </div>
                <div class="entrance_title">{{ config('vars.strings.nominate_entrance_title') }}</div>
                <div class="entrance_desc">{!! config('vars.strings.nominate_entrance_desc') !!}</div>
                @if (config('vars.entrance_enabled.nominate'))
                    <a href="/nominate" class="entrance_btn">点击进入</a>
                @else
                    <a href="javascript:;" class="entrance_btn">暂未开启</a>
                @endif
            </div>

        @endif

        <div class="entrance_item">
            <div class="icon">
                <img src="/images/icon3.png" alt="">
            </div>
            <div class="entrance_title">网评专家评审入口</div>
            <div class="entrance_desc">供<em>网评评审专家</em>使用，对已申报的项目进行在线评审打分</div>
            @if (config('vars.entrance_enabled.review'))
                <a href="/review" class="entrance_btn">点击进入</a>
            @else
                <a href="javascript:;" class="entrance_btn">暂未开启</a>
            @endif
        </div>

        <div class="entrance_item">
            <div class="icon">
                <img src="/images/icon3.png" alt="">
            </div>
            <div class="entrance_title">会评专家评审入口</div>
            <div class="entrance_desc">供<em>会评评审专家</em>使用，对进入会评阶段的项目进行评审</div>
            @if (config('vars.entrance_enabled.review'))
                <a href="/meeting-review/login" class="entrance_btn">点击进入</a>
            @else
                <a href="javascript:;" class="entrance_btn">暂未开启</a>
            @endif
        </div>

        <div class="entrance_item">
            <div class="icon">
                <img src="/images/icon3.png" alt="">
            </div>
            <div class="entrance_title">奖励委委员评审入口</div>
            <div class="entrance_desc">供<em>奖励委委员（包括大组长）</em>使用，奖励委委员（包括大组长）在此进行项目评审</div>
            @if (config('vars.entrance_enabled.review'))
                <a href="/committee/login" class="entrance_btn">点击进入</a>
            @else
                <a href="javascript:;" class="entrance_btn">暂未开启</a>
            @endif
        </div>

    </div>

    <div class="entrance_box_top">
        <div class="">参考资料：&nbsp&nbsp&nbsp<a href="/docs/home/中路建协行发[2024]13号 关于印发《中国公路建设行业协会科学技术奖管理办法》及实施细则的通知.pdf" target="_blank">管理办法</a></div>
        <div class=""><a href="/docs/home/用户使用手册.docx" target="_blank">用户使用手册</a></div>
        <div class=""><a href="/docs/home/申报书模板.rar?v={{time()}}" target="_blank">申报书模板</a></div>
        <div class=""><a href="/docs/home/填报说明.rar?v={{time()}}" target="_blank">填报说明</a></div>
    </div>

    @include('footer')

</div>

<script src="/libs/vue/vue.js"></script>
<script src="/libs/moment/moment-with-locales.min.js"></script>
<script src="/libs/moment/moment-timezone-with-data-2012-2022.js"></script>
<script src="/libs/axios/axios.min.js"></script>
<script src="/libs/antd/antd-with-locales.js"></script>

</body>
</html>